<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:head>
		<title>#{msgs['login.title']}</title>
		<link
			href="#{facesContext.externalContext.requestContextPath}/css/styles.css"
			rel="stylesheet" type="text/css" />
	</h:head>
	<h:body>
		<div align="center" style="padding-top:100px;">
			<p:ajaxStatus style="width:64px;height:64px;position:fixed;right:100px;top:100px">  
			    <f:facet name="start">  
			        <p:graphicImage value="/img/loading.gif" />  
			    </f:facet>  
			  
			    <f:facet name="complete">  
			        <h:outputText value="" />  
			    </f:facet>  
			</p:ajaxStatus>
			<h:form>
				<p:growl id="messages" showDetail="true" sticky="true"
					autoUpdate="true" life="1" />
				<p:panel header="#{msgs['login.title']}"
					footer="#{msgs['login.footer']}" styleClass="login">
					<div align="center">
						<p:panelGrid columns="2">
							<p:outputLabel value="#{msgs['login.user']}:" />
							<p:inputText id="login" value="#{loginBean.login}" />
							<p:outputLabel value="#{msgs['login.password']}:" />
							<p:password id="password" value="#{loginBean.password}" />
						</p:panelGrid>
						<br />
						<p:commandButton value="#{msgs['login.button.authenticate']}"
							action="#{loginBean.authenticate}" update="login,password"/>
					</div>
				</p:panel>
			</h:form>
		</div>
	</h:body>
</html>